:root {
  --el-body-bg-color: #f0f0f0;
  --el-color-primary: #419b62 !important;
  --el-color-primary-dark-2: #419b62 !important;
  --el-color-primary-light-3: #4ab370 !important;
  --el-color-primary-light-9: #F6F8F7 !important;
}
html,
body {
  width: 100%  !important;
  height: 100%;
  overflow: hidden;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background: var(--el-body-bg-color);
  
}
html {
  font-family: "微软雅黑","Microsoft YaHei",Roboto,RobotoFallback,"Noto Kufi Arabic","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
}
#app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px;
}
.fr{
  float: right;
}
.mt4{
  margin-top: 4px;
}
.single-page-content{
  padding: 4px;
  .query-form{
    .el-form--inline .el-form-item{
      margin-right: 12px;
    }
  }
  .operate{
    margin: 4px;
    .el-alert{
      max-width: 200px;
      margin-left: 12px;
    }
  }
}
.page-content-small{
  .query-form{
    .el-form-item--small{
      margin-bottom: 4px;
      margin-left: 4px;
    }
  }
  .operate{
    .el-alert{
      height: 24px;
    }
  }
}
.page-content-default,.page-content-{
  .query-form{
    .el-form-item--default{
      margin-top: 4px;
      margin-bottom: 8px;
      margin-left: 8px;
    }
  }
  .operate{
    .el-alert{
      height: 32px;
    }
  }
}
.page-content-large{
  .query-form{
    .el-form-item--large{
      margin-top: 8px;
      margin-bottom: 12px;
      margin-left: 12px;
    }
  }
}
.el-message-box__content .el-message-box__status{
  position: absolute !important;
}
.border-radius {
  border: 1px solid var(--el-border-color-base);
  border-radius: 4px;
}
.layout-container-small {
  .el-breadcrumb {
    font-size: 12px;
  }
}
.shrink-menu-size-small .el-menu {
  --el-menu-item-font-size: 12px;
}
.el-select__collapse-tag .el-tag.el-tag--info {
  --el-tag-text-color: #fff !important;
  --el-tag-bg-color: #419b62;
}
